<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title></title>
<style>
	.title{
		color:#0000FF;
		font-weight:bold;
		font-size:14px;	
	}
	.content{
		font-size:12px;	
	}
</style>
</head>

<body>
<div align="center"><h2><font color="#FF0000">使用说明</font></h2></div>
<h3>元素说明</h3>
<ol>
<li><span class="title">绘制节点/连线</span><span class="content">该状态下可以在画板中添加节点或连线</span></li>
<li><span class="title">移动节点 </span><span class="content">该状态下可以在画板中调整节点位置</span></li>

<li><span class="title">显示权重 </span><span class="content">选中会显示节点间的距离</span></li>
<li><span class="title">有向图</span><span class="content"> 选中为有向图，否则为无向图</span></li>
<li><span class="title">循环运行</span><span class="content"> 选中则会循环运行，否则只运行一次</span></li>

<li><span class="title">运行/停止 </span><span class="content">运行或停止动画</span></li>
<li><span class="title">调换 </span><span class="content">调换起点和终点</span></li>
<li><span class="title">清空连线 </span><span class="content">清空所有连线</span></li>
<li><span class="title">清空所有 </span><span class="content">清空整个画板</span></li>

<li><span class="title">右键菜单-设为起点 </span><span class="content">将当前节点设为起点</span></li>
<li><span class="title">右键菜单-设为终点 </span><span class="content">将当前节点设为终点</span></li>
<li><span class="title">右键菜单-移除节点 </span><span class="content">移除当前节点</span></li>
<li><span class="title">右键菜单-移除连线 </span><span class="content">移除当前节点所关联的线</span></li>

<li><span class="title">状态栏 </span><span class="content">X,Y (鼠标位置)N (节点数)L(直线数)FX,FY (节点位置)</span></li>
</ol>

<h3>其他</h3>
<ul>
<li>支持导入、导出</li>
<li>支持设置底图，以作参考</li>
</ul>

<h3>操作步骤</h3>
<ol>
<li>添加节点，选中<span class="title">绘制节点/连线</span>，在画板中添加节点</li>
<li>添加连线，选中<span class="title">绘制节点/连线</span>，在画板中两个节点间拖拽添加直线</li>
<li>设置起点，在节点上打开右键菜单<span class="title">设为起点</span></li>
<li>设置终点，在节点上打开右键菜单<span class="title">设为终点</span></li>
<li>开始运行，点击<span class="title">运行</span></li>
</ol>

如果起点和终点间存在通路，将能看到 Runner 从起点走向终点。
<br/>
<br/>
试试按住<b>Ctrl</b>，有彩蛋哦。
<br/>
<br/>
</body>
</html>
